<!doctype html>
<html>
	<head>
		<title> Maps! </title>
		<style type = "text/css">
			#map { height: 500px}
		</style>
		<script type = "text/javascript"
			src="https://maps.googleapis.com/maps/api/js? key=AIzaSyAyk0s5lZ-ipJwxTY0LIVHRkg3bpNffOe0&sensor=false">
		</script>
		<script type = "text/javascript">
			function initialize(){
				var myOptions = {
				center: new google.maps.LatLng(29.5500, 34.9500),
				zoom: 12,
				mapTypeId: google.maps.MapTypeId.ROADMAP
				};
			   var map = new google.maps.Map(document.getElementById('map'), myOptions);
			   
			 
			   var markerOptions = {
				position: new google.maps.LatLng(29.5500, 34.9500),
				map: map
				};
				var marker = new google.maps.Marker(markerOptions);
				marker.setMap(map);
			
				var infoWindowOptions = {
				content: 'Dror In Eilat :)'
				};

				var infoWindow = new google.maps.InfoWindow(infoWindowOptions);
				google.maps.event.addListener(marker,'click',function(e){
	  
				infoWindow.open(map, marker);
				})		

			
			}
			   
			   
			   
			   
			   
			   </script>
	</head>
	<body onload = "initialize()">
		<div id="map">  </div>
	</body>
</html>
